<!--
 * @description: 
 * @Date: 2022-11-24 19:18:43
 * @example: 
 * @params: 
-->
<template>
    <div>
      <quill-editor 
      v-model="content"
      ref="myQuillEditor"
      :options="editorOption"
      @blur="onEditorBlur($event)" @focus="onEditorFocus($event)"
      @change="onEditorChange($event)">
  </quill-editor>
    </div>
  </template>
  <script>
  export default {
    data() {
      return {
        content:"",
        editorOption: {}
      };
    },
    mounted() {},
    computed: {
      editor() {
      return this.$refs.myQuillEditor.quill;
    },
    },
    methods: {
    onEditorReady(editor) {// 准备编辑器
    },
    onEditorBlur(){// 失去焦点事件
    }, 
    onEditorFocus(){// 获得焦点事件
    }, 
    onEditorChange(){// 内容改变事件
    }, 
    },
  };
  </script>
  <style scoped></style>
  